
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Product Review</title>

<style type="text/css">
{literal}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style:none;outline:0;vertical-align:top;}img{-ms-interpolation-mode: bicubic;}
{/literal}
div.container	{
	margin-left:5px;
}
div.field	{
	margin-bottom:5px;
	float:left;
	clear:both;
}
div.field label	{
	font-size:11px;
	font-weight:bold;
	display:block;
}
div.field input, div.field textarea	{
	border:1px solid #ccc;
	background:#fff;
	display:block;
	width:250px;
}
div.item	{
	display:none;
}
div.customer	{
	display:none;
}

/* RATING */
div.rating input	{
	display:none;
}
div.rating a	{
	display:block;
	float:left;
	width:8px;
	height:15px;
	background:#fff url(https://system.netsuite.com/c.TSTDRV288629/star.gif);
	text-indent:-100000000px;
	overflow:hidden;
}
div.rating a#left	{
	background-position:left top;
}
div.rating a#right	{
	background-position:right top;
}
div.rating a#left.hover	{
	background-position:left -15px !important;
}
div.rating a#right.hover	{
	background-position:right -15px !important;
}
div.rating a#left.selected	{
	background-position:left -15px !important;
}
div.rating a#right.selected	{
	background-position:right -15px !important;
}
#submitbutton	{
	clear:both;
	float:left;
}

</style>


</head>


<body>

<div class="container">
	<form id='main_form' name='main_form' method='POST'  enctype='multipart/form-data'  action='' onsubmit='return ( window.isinited && window.isvalid && save_record( true ) )' style='margin: 0'>
	
	<div class="field title">
		<font color="#FF0000" style="font-size:13px;">
			{$error_message}
		</font>
	</div>
	<div class="field title">
		<label for="custrecordreviewtitle">Title:</label>
		<span style="white-space: nowrap" id="custrecordreviewtitle_fs" class="effectStatic">
		<input maxlength="250" name="title" type="text" size="25" value="{$title}"></span>
	</div>
	<div class="field comments">
		<label for="custrecordreviewmessage">Comments:</label>
		<textarea name='content' rows='5' cols='-1'>{$content}</textarea>
		
	</div>
	<div class="field rating" id="rating">
		<label for="custrecordreviewrating">Rating:</label>
		<input id="custrecordreviewrating" style="; ime-mode:disabled" name="rating" type="text" size="25">
		<div id="starrating">
			<a id="left" href="javascript:rate(1)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">1</a>
			<a id="right" href="javascript:rate(2)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">2</a>
			<a id="left" href="javascript:rate(3)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">3</a>
			<a id="right" href="javascript:rate(4)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">4</a>
			<a id="left" href="javascript:rate(5)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">5</a>
			<a id="right" href="javascript:rate(6)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">6</a>
			<a id="left" href="javascript:rate(7)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">7</a>
			<a id="right" href="javascript:rate(8)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">8</a>
			<a id="left" href="javascript:rate(9)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">9</a>
			<a id="right" href="javascript:rate(10)" onmouseover="ratingHover(this)" onclick="ratingSelect(this)">10</a>
		</div>
	</div>
	<div class="field name">
		<label for="custrecordreviewlocation">Your Name:</label>
		<input  id="custrecordreviewreviewer" maxlength="300" name="yourName"  type="text" size="25" value="{$yourName}">
	</div>
	<div class="field location">
		<label for="custrecordreviewreviewer">Your Current Location:</label>
		<input id="custrecordreviewlocation" maxlength="300" name="location" type="text" size="25" value="{$location}">
	</div>
	<input name="id" type="hidden" id="id" value="{$id}">
	<input type="submit" value="submit" id="submitbutton">
	
<!-- REQUIRED HIDDEN FIELDS FOR HTML ONLINE FORM -->

<!-- END OF REQUIRED HIDDEN FIELDS FOR HTML ONLINE FORM -->
</form>

</div>
<script type="text/javascript">

	function rate( integer )	{
		document.getElementById( 'custrecordreviewrating' ).value = integer;
	}
	
	function showSelection()	{
		var index = document.getElementById( 'custrecordreviewrating' ).value;
		var elements = this.getElementsByTagName( 'a' );
		var addClass = true;
		for( var i = 0; i <elements.length; i++ )	{
			if( i == index ) addClass = false;
			if( addClass )	{
				elements[i].className = 'selected';
			}
			else	{
				elements[i].className = '';
			}
		}
	}
	
	function ratingHover()	{
		var element = this;
		var container = element.parentNode;
		var elements = container.getElementsByTagName( 'a' );
		var addClass = true;
		for( var i = 0; i <elements.length; i++ )	{
			if( addClass )	{
				elements[i].className = 'hover';
				if( elements[i] == element )	{
					addClass = false;
				}
			}
			else	{
				elements[i].className = '';
			}
		}
	}
	
	function ratingSelect()	{
		var element = this;
		var container = element.parentNode;
		var elements = container.getElementsByTagName( 'a' );
		var addClass = true;
		for( var i = 0; i <elements.length; i++ )	{
			if( addClass )	{
				elements[i].className = 'selected';
				if( elements[i] == element ) addClass = false;
			}
			else	{
				elements[i].className = '';
			}
		}
	}
	
	var stars = document.getElementById( 'starrating' );
	stars.onmouseout = showSelection;
	var elements = stars.getElementsByTagName( 'a' );
	for( var i = 0; i <elements.length; i++ )	{
		elements[i].onclick = ratingSelect;
		elements[i].onmouseover = ratingHover;
	}

</script>

</body>

</html>


